<template>
    <!-- id具有唯一性，id内容下不允许出现新id，否则会报错 -->
    <div id="login">
        <!-- 内容 -->
        <div class="topheader">
            <div class="faied">
                <van-cell-group inset>
                    <van-field v-model="token" label="身份证号" placeholder="请输入身份证号" />
                </van-cell-group>
            </div>
            <div @click="save" class="login">
                <van-button type="primary" size="large">登录</van-button>
            </div> 
            <van-dropdown-menu class="menu">
                <van-dropdown-item @change="changeVal" v-model="value1" :options="option1" />
            </van-dropdown-menu>
        </div>
    </div>
</template>

<script>

import { Toast } from 'vant';
import { getCurrentInstance, reactive } from 'vue'
export default {
    data() {
        return {
            api: '', //调用接口的其中参数
            token: '',
            value1: 'normal',
            option1: [
                { text: '标准模式', value: 'normal' },
                { text: '适老模式', value: 'elder' },
            ]
        }
    },
    mounted() {
        this.api = getCurrentInstance().appContext.config.globalProperties.$http; //获取this公共的axios方法
        var that = this;
        
        // (function(w, d, s, q, i) {
        //     w[q] = w[q] || []; 
        //     var f = d.getElementsByTagName(s)[0],j = d.createElement(s); 
        //     j.async = true; 
        //     j.id = 'beacon-aplus'; 
        //     j.src = 'https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085'; 
        //     f.parentNode.insertBefore(j, f); 
        // })(window, document, 'script', 'aplus_queue');

        // console.log('@@ apluse', aplus_queue)
        
        //基础信息上报
		// this.getBaseInfo();
        // 商户信息上报
        // this.getMiniApp();
		
        //this.api.get('', {}).then(e => { // 成功 }).catch(e => { // 失败 })
        //this.api.post('', {}).then(e => { // 成功 }).catch(e => { // 失败 })
    },
    methods: {
        // 模式切换的时候
        changeVal(val) {
            // window.ZWJSBridge.getUiStyle({}).then((result) => { 
            //     switch(result.uiStyle) {
            //     case 'normal':
            //     setUiStyle('标准模式');
            //     break;
            //     case 'elder':
            //     setUiStyle('适老模式');
            //     break;
            //     default:
            //     setUiStyle('default');
            //     } 
            //     console.log(result); 
            // }).catch(error => { //浙里办 APP 6.11.0 版本以下版本标准模式兼容
            //     setUiStyle('catch 标准模式兼容'); 
            //     console.log(error);
            // })
        },
        //基础信息上报
        getBaseInfo() {
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn']
            });
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn']
            });
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['appId', '60506758']
            });
        },
        // 商户信息上报 -- 异步上报
        getMiniApp() {
            aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK'] });
            //PV 日志参数
            aplus_queue.push({
                action: 'aplus.sendPV',
                arguments: [{is_auto: false}, {
                    'miniAppId': '1234567890',
                    'miniAppName': 'name'
                    }]
            });
            aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'START'] }); //说明
        },
        // 登录按钮
        async save(){
            // this.getLocation();
            // this.getUserType();
            if(this.token) {
                var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                if (reg.test(this.token) === false) {
                    Toast({ message: '请输入正确的证件号码' });
                    return;
                }else{
                    var that = this;
                    that.api.get('/personnel/h5/resumeInfo/loginEncoder', {identityNumber: that.token}).then(res => {
                        if(res.code == 200) {
                            that.$store.commit('settoken', this.token);
                            that.$store.commit('setidCard', res.data);
                            if(this.value1 == 'normal') {
                                this.$router.replace('/home')
                            } else {
                                this.$router.replace('/oldhome');
                            }
                        }
                    })
                }
            } else {
                Toast('请输入身份证号')
            }
        },
        // 获取经纬度
        async getLocation() {
            const res = await ZWJSBridge.getLocation().then(result => {
                return result;
            }).catch(err => {
                return err;
            })
            console.log(res)
            if(res) {
                aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK'] });
                aplus_queue.push({
                    action: 'aplus.sendPV',
                    arguments: [{is_auto: false}, {
                        'long': '1234567890',
                        'lati': '1234567890'
                    }]
                });
                aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'START'] }); //说明
            }
        },
        // 获取用户类型
        async getUserType() {
            const res = await ZWJSBridge.getUserType().catch(e => {
                return {};
            });
            if(res) {
                aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK'] });
                aplus_queue.push({
                    action: 'aplus.sendPV',
                    arguments: [{is_auto: false}, {
                        'userType': '0',
                        '_user_nick': '当前用户昵称',
                        '_user_id': '当前用户 ID12'
                    }]
                });
                // aplus_queue.push({
                //     action: "aplus.setMetaInfo",
                //     arguments: ["_user_nick", "当前用户昵称"]
                // });
                // // 设置会员 ID
                // aplus_queue.push({
                //     action: "aplus.setMetaInfo",
                //     arguments: ["_user_id", "当前用户 ID123"]
                // });
                aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'START'] }); //说明
            }
        }
    }
}
</script>
<!-- style如果填写scoped，变为唯一性css，反之则是公共的 -->
<style scoped>
#login {
    width: 100%;
    height: 100%;
}
.faied .van-cell {
    border: 0.02rem solid #efefef;
    border-radius: 0.2rem;
}
.login {
    width: 80%;
    margin: 0 auto;
    margin-top: 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

</style>
<style>
#login .menu .van-dropdown-menu__bar{
    box-shadow: none!important;
}
</style>